<template>
  <div class="banner">
  <van-swipe :autoplay="2000">
  <van-swipe-item v-for="(image, index) in images" :key="index">
    <img :src="image" />
  </van-swipe-item>
</van-swipe>
  </div>
</template>

<script>
  export default {
    name:"Banner",
     data() {
    return {
      images: [
      require('../assets/Banner/1.jpg') , 
      require('../assets/Banner/2.jpg')  ,
      require('../assets/Banner/3.jpg') , 
      require('../assets/Banner/4.jpg') , 
      require('../assets/Banner/5.jpg')  
      ],
    };
  },
  }
</script>

<style lang="scss" scoped>
.banner{
  width: 100%;
  height: 225px;
}
.banner img{
  width: 100%;
  // height: 220px;
}
::v-deep .van-swipe__indicator--active{
  background-color:#fe0000;
}
</style>